<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>Flash-xi-trum Porfolio</title>
		<link rel="stylesheet" type="text/css" href="css/global.css">
		<link rel="stylesheet" type="text/css" href="css/main.css">
	</head>
	<body>
		
		<script type="text/x-handlebars" >
			<div id="container">
				<section id="portfolio">
					<header id="header" class="clear">
						<ul class="menu">
						{{#each Portfolio.menuController}}
							<li><a {{action menuItemClickHandler}} href="">{{this}}</a></li>
						{{/each}}
						</ul>
					</header>
					<footer id="footer">
						<div>Copyright tuanquynet@gmail.com</div>
					</footer>
				</section>

				{{view Portfolio.educationView}}
			</div>
		</script>
		
		<script type="text/x-handlebars" data-template-name="eduction-tpl" >
			<section id="education" class="page-section education clear">
				{{#each item in Portfolio.educationController}}
				<div {{bindAttr class=":visual-element item.id" }}><img {{bindAttr src="item.asset"}} /></div>
				{{/each}}
			</section>			
		</script>

		<script src="js/libs/todomvc-common/base.js"></script>
		<script src="js/libs/jquery/jquery.js"></script>
		<script src="js/libs/handlebars/handlebars.js"></script>
		<script src="js/libs/ember/ember.js"></script>
		<!-- TODO: change out with a component when a built one is available on Bower -->
		<script src="js/libs/ember-data.js"></script>
		<script src="js/libs/ember-localstorage-adapter/localstorage_adapter.js"></script>
		<script src="js/app.js"></script>
		<script src="js/router.js"></script>

	</body>
</html>
